	<template>
	<div class="homeSty">
	<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media" v-for="(newItem,newIndex) in newList" :key="newIndex">
					<router-link :to="'/home/newInfo/'+newItem.id">
						<img class="mui-media-object mui-pull-left" :src="newItem.img_url">
						<div class="mui-media-body">
							<h1>{{newItem.title}}</h1>
							<p class='mui-ellipsis'>
								<span>发表时间：{{newItem.add_time|dateFormat('YYYY-MM-DD')}}</span>
								<span>点击：{{newItem.click}}次</span>
							</p>
						</div>
					</router-link>
				</li>
				

			</ul>
	</div>
	</template>


	<script>
	export default{
	  data(){
	    return{
	      newList:[]

	    }
	  },
	  created(){
	  this.getNewList()

	  },
	  methods:{
	     async getNewList(){
	   	const {data}=await this.$http.get('/api/getnewslist')
	   	if(data.status===0) this.newList=data.message
	   }
	}
	}
	</script>

	<style lang="less">
	.homeSty{
		padding-bottom:50px;
	.mui-media-body{		
		h1{
		font-size:16px;
		color:#000;		

		}
		.mui-ellipsis{
				color:#26a2ff;
				display:flex;
				justify-content:space-between;
				align-items:center;
			}
	}
		
	}

	</style>	
